body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
ul,ol,dl{list-style:none;}
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none;}
textarea { resize:none; overflow:auto; }
body { font-size:20px; font-family:"微软雅黑" "Time New Roman"; }
a { text-decoration:none;color:#5d5d5d; }
a:hover{text-decoration:underline;color:#f60;}


html,body{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
#top{
	width: 90%;
	height: 8.75%;
	background: #ce3d3a;
	padding-top: 3.75%;
	padding-left: 5%;
	padding-right: 5%;
	float: left;
	position: fixed;
	left: 0;
	top:0;
}
#top ul li {
	width: 15%;
	height:100%;
	float: left;
	margin-left: 2%;
	color: #e28b89;
}
#top ul li.one {
	width: 24%;
	height:100%;
	float: left;
	color: #fff;
	margin-left:0 ;
}
#top ul li.two {
	width: 12%;
	height:100%;
	margin-left: 13%;
	float: left;
	color: #fff;
}
#top ul #toptb3 {
	color: #fff;
}
#top ul li i{
	width: 100%;
	height:100%;
	font-size: 30px;
}
#content{
	margin-top: 19%;
	width: 90%;
	height: 34%;
	padding: 0 5%;
	float: left;	
}
#content ul{
	width: 100%;
	height: 100%;	
}
#content ul li{
	width: 100%;
	height: 24%;	
}
#content ul li .left{
	
	display: block;
	float: left;
	width: 12%;
	height: 100%;	
}
#content ul li .left i{
	line-height: 200%;
	font-size: 24px;
	margin-left: 10%;
	margin-top: 5%;	
}
#content ul li .right{
	line-height: 350%;
	font-size: 13px;
	display: block;
	float: left;
	width: 80%;
	height: 100%;
	margin-left: 5%;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
#chuangjian{
	width:100%;
	height: 4.375%;
	line-height: 200%;
	background: #e6e8e9;	
	float: left;
}
#chuangjian .left{
	display: block;
	float: left;
	width:6%;
	height: 100%;
	margin-left: 3%;
	background: url(../img/mymicone.jpg) no-repeat center;
	background-size: 70%;
}
#chuangjian .right{
	display: block;
	float: left;
	margin-left: 5%;	
}
#chuangjian .menu1{
	float: left;
	width:90%;
	height: 200%;
	padding: 0 5%;
}
#chuangjian .menu1 .left1{
	float: left;
	display: block;
	width: 15%;
	height: 90%;
	margin-top: 1%;
	background: url(../img/tubiao1.png) no-repeat 0 0;
	background-size: 100% ;
}
#chuangjian .menu1 .right1{
	float: left;
	display: block;
	width: 75%;
	height: 50%;
	line-height: 1rem;
	margin-left: 5%;
	margin-top: 2%;
}
#chuangjian .menu1 .btm{
	float: left;
	display: block;
	width: 75%;
	height: 40%;
	line-height: 1rem;
	margin-left: 5%;
}
.move1{
	animation: move1 .2s linear both;
}
@keyframes move1{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-90deg);}
}
@-moz-keyframes move1{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-90deg);}
}

@-webkit-keyframes move1{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-90deg);}
}
@-ms-keyframes move1{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-90deg);}
}
.move2{
	animation: move2 .3s linear both;
}
@keyframes move2{
	0%{transform:rotate(-90deg);}
	100%{transform:rotate(0deg);}
}
@-moz-keyframes move2{
	0%{transform:rotate(-90deg);}
	100%{transform:rotate(0deg);}
}

@-webkit-keyframes move2{
	0%{transform:rotate(-90deg);}
	100%{transform:rotate(0deg);}
}
@-ms-keyframes move2{
	0%{transform:rotate(-90deg);}
	100%{transform:rotate(0deg);}
}